Web Display Environment 



Browser 




Figure 1 
PRIOR ART 



Ul Control System 



Ul Control Elements 



Behavior Element 1 



Namespace 



23 



Common 
Attributes 



24 



25 



Other Attributes 



26 



Skin Template 
Reference 



h 

22 



Collection of Instructions 




Instruction 1 








28 



Collection of Skin 
Templates 



Skin Template 1 



27 



Figure 2 




•button 
-button 
•button 
-button 
-button 




Figure 3 



Click mel I 

(§) Check me! 
O niel 

LckA how I ami 



Figure 4A 



giclcmel ^ I 
I 5SH«_^ 

O Ctecic mel 
® No, mel 

Figure 4B 



|7]aieckmel 

O Clieck me! 
® Mo, mel 

Look fKm Ug I am! 



Click mel 1 
[^aieckmei |^ 

O Cl^ck me! 
^ No, me! 

locA how I ami 



Figure 4C 



Figure 4D 



Generate function name associated with a Ul control 

element 


y 




51 



Call generated function 




Figure 5 



53 



^200 



201 



202 



Categorize low level Ul controls into abstractions or core 
control groupings 



Determine common attributes 
of a core control grouping 



203 



Create skin template for core control grouping 



204 



Create a Ul control element having common attributes, 
other attributes and 
create skin template of the core control grouping 




Yes 



Figure 9 



210 



Organize low level Ul controls into groupings of similar core controls 



211 



Designate Ul control names to the groupings 



I 



212 



Analyze variations of a grouping to detennine the common attributes 

of tlie grouping 



213 



Compile a list of common attributes needed to perform the 

variations 



214 



Determine fundamental states of the grouping 



215 



I 



Determine liow to allow for absolute positioning 



216 



Determin how to allow for absolute customization of 
appearance 



217 



Determine other attributes needed for grouping 



218 



Assign a name to a core control element 

I 



219 



Assign common attributes to core control element 


220 


r 


Assign other attributes to core control element 


221 ^ 


f 


Assign skin template reference to core control element 


222 --^ 






Yes 



Figure 10 




W1 

I 

I 



o 



8 

■13 




ID o> 



2 



it 



>v 

o 



i 

CO 

x: 

I 
? 

I 

ft 

g 

ii 
a. 

e 



X) 

I 



JO 



CD 



c I 

El 



I ^ 

ID i 



O I 

CO I 

II i 

0 I 
^ i 

& ! 

1 I 

® 



3 



M 
H 

1^-^ 

. . 1 C 

O ' ^ 

-a =r 

1= ■ « 



c 
o 

€ 



§ 

'5 

-c 

.1 

:G 
IP 

§ 



I 

O 

c 



I 

I 



0 

> 



43 
« 

an 

xs 

1 

va 
c 

I 

to 



S 

Q 
c 



2 

S 

J 

c 

o 
to 
c 

g 

CO 

e 



Id 



Id ^ 

CO 

s 



u 

cd 

c 

«J 

a 

« 

I 

eg 

1 

E 
w 



CNI 



ifi 
01 



11 



tl 
O 

o 



Q 



I 



t 




«5 



s 



15 

o 
c 

£ 

I 

1 

o 



1C3 
u 

to 
<» 

to 

TO 

i 
% 



C 

x: 



_3 
> 

c 



I I 



0 



o 

JQ 

iS 

x: 
o 



V) 
XI 



8 

.a 

4> 



4)1 
C 

O 

i 



5 IS 



I 

o 
o 



0 

u 



CO 



€0 






B\ 


X 




\inhu 

lU lUU 






sa 


(default 


E 


o 








f 




; 5: 




o 


Defaul 





I 

IT 

.JC 



5r 

Ei 9-- 




3 



d 

c 
« 

c 



o 

i 

% 
I 



o 
c 

J 



i 



C3 




X 

o 



<2 CO 

^ i §. 



II 



CI 



2 

<D £ ® 

CO CL 

Q. CO 
CL CO 

< CD CD 



o 
1^ 



11 



CO 

CO.! 



3 
o 

I 



2; 



2 
O 

C 

CO 



< 

I 

E 

y 
ro 

X 

o 



X 

o 

J3 



I 



1 

C 



1 
u 



E 

o 
E 

1 

E 
«i 
to 

I 



g 



'in 

■6 

M 



■G 

m 
£ 



m 
0) 



I 

c 



8 

ID 



■c 

o 

» 

X 



41 

■c 



CD 
=3 



^ ^ iZ 



Ll €0 





CD 0> Cfif^ 

cv u> ca 

o o3 o 
<^ <^ 



— i< CQ O iC 

.§1 

I ^ <o -sr 

m i 3 3 3 3 
H I Qu Ct Q. a. 



:3 
X3 



o 



hs. CD 

€N in 05 

^ o ^ 

fi^ 



0) 



CO cz 
< CD O 

^ ^ .3 
a. cx a. 



h*- o> o> 

CNJ -r-^ 

'T- o csi -- 
a> 9? x 

CO 

a> 

CO 



cc 
cc 



J) 

Q. 

< CD O 



CM CO 
I i I 
^ ^ ^ 
O 



o 
o 




11 

is 




yi 

CM. 




n : 




*> 


til 


II list 


lii 


g 





m in 

1 1 



B B 

O Q 



I 



I 



Q. 

6 
II 

a. 

O 
v_ 

o> 

in 

CM 

II 

lO 
CM 
It 



g 

2 
<i> 
B 

CD 



1 

u 

3 



.i 

«» 



o 

e 

CO 

i 

■o 



I 

o 

t! 

s. 

c 

m 

Id 

I 
1 

o 

1 

ID 
ft 



2 

0) 

E 



Jg 

c 

CO 



O 



=1 3 

! I 

CD C 

1 ^ 

f i 

3S ^ 

> m 

t i 

Si a* 

» I 



CO 
13 



13 

o 



J3 



2 



Q 



§ o 

o — ' 

en C3> 

0 O 

£ 

^ 15 

- i 

a I 

1 •° 
6 % 

* 2 

!n 

0 g> 
^ T3 

1 ' 



CO 



5 




m 



li 

o 

ii 

o* 

ii 

iS 

p 



o 

li 
$ 

li 



? ... 00 

It 



3 

e 



-4 



t 



g 

■ir-l 
II 
5 



i5 



I- 



E 



o 
o 

11 

dT 
m 
II 



/ / 
/a 



/ /-" / " 



s ^■./ /. / 



3 

m 

ri 
3t 



■a 



I 



I 



IS 

e 

10 

>< 



§ 

I 

o 
t: 

o 
c 

a» 

10 

to 

I 

I 
1 



-22 



I 

i2 
c 

Qu 



t3 



03 



tft 

-> 

c 
c 



8 



o 

M 
v> 

to 

O 
» 

■J 

CO 



1 

Q. 
4) 

a? 



E 

C 



4) 
CQ 

« 

1 
m 



1"^ 



II 

5 

O 

II 



It 

c 
E 
o 

1 

II 



c 



11 

I 



CD 



1 

B 
O 



o 
c 

<p 

-a 



I 
2 



3 
X) 



<0 



c: 
ca 

•55 



3 *g 



CO 
> 



<p 

c > 



i 



I I 

•E >^ 

§ t 
I 

5 I 

to 

§ 



O 
i/i 

m 

5 

CO 

j:: 

I 

c 

to 



£ c 

2 



3 

CD 
O 



§ 

c 

tn 

c 
ca 

E 
<0 



O 
CM 



i 



5 



.2* 



J3 



J 
I 

c 



CN 
CNI 

13 



I. 



TDJ; 



a 



o 
o 
X 



f 

1 



if 



iff' 

gill. 

col I 



ist cf> ^ 
0> ^ <l> 
M M M 

a* 15= 

JS 

P P |£ 



o 

c 

£ 
to 

1 
1 



I 



3 



Id 

X 

E 

10 



JO 

I 



a 



S. 

m 

8 

m 

Mm* 

o 

N 
t/3 

tS 
tz 

fSt 
jC 
O 

t 

m 

I 

IP 



9 

Hi 

g 
s 
u 

I 



i 

1 

OS 



♦2 
3, 



4) 



I 

c 
o 
o 




Z3 

c 
E 

X 

B 
c 

8 

M 

2 

HI 

1 

1 



a: 



i 



c 

ID 

E 
I 

C 

s 
s 

£ 



J? 
u 

i I 

$ 3 

-a I 

c 



0) 
c 

e 
J) 

TO 

u 



CO E 



T3 

-o 

IS 
0) 

03 
U 

x: 

,o 
IE 
$ 

CO 

E 

52 

"5 
J2 

(A 

'ifi 
c 

8 



B 1 



c 

8 

o> 

C 

x> 

TO 
ID 

T5 



"i 

o 
« 

10 

CO 



4) 

I 
c 

8 

ID 



CVJ 



2 

T5 
CO 



E 

la 



to 
Z3 



03 >-0 




"35 



ID 
CM 



B 

JO 

9 

5^ 



O M 




